<template>
	<view>
		<!-- 导航 -->
		<view class="navigation">
			<uni-nav-bar :shadow="false" leftText="返回" left-icon="left" title="生活缴费" rightText="缴费记录" @clickRight="go" @clickLeft="back" :border="false" />
			
		</view>
		<!-- 头部 -->
		<view class="head">
			<view class="head_box">
				<view class="head_le">
					清水湾1号楼1单元2203
					<uni-icons custom-prefix="iconfont" type="icon-jiantoudown" size="20rpx"
						color="#000" ></uni-icons>
				</view>
				<view class="head_ri">
					
				</view>
			</view>
		</view>
		<view class="business ">
			<view class="business_box">
				<view class="payment">
					<view class="payment_text">
						应缴费:360.00元
					</view>
					<view class="payment_butt" @click="jiao" >
						缴费
					</view>
				</view>
			</view>
		</view>
		<!-- 账单记录 -->
		<view class="list">
			<view class="list_box">
				<view class="matter">
					<view class="matter_head">
						物业费账单
					</view>
					<view class="text">
						<!-- 1 -->
						<view class="matter_text">
							<view class="matter_text_le">
								房号
							</view>
							<view class="matter_text_ri">
								1201
							</view>
						</view>
						<!-- 2 -->
						<view class="matter_text">
							<view class="matter_text_le">
								账单
							</view>
							<view class="matter_text_ri">
								2021-4-1至2021-10-15
							</view>
						</view>
						<!-- 3 -->
						<view class="matter_text">
							<view class="matter_text_le">
								账单金额
							</view>
							<view class="matter_text_ri">
								￥360.00元
							</view>
						</view>
					</view>
					
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			go(){
				uni.navigateTo({
					url:'/pages/PayTheFees/PayTheFees'
				})
			},
			jiao(){
				uni.navigateTo({
					url:'/pages/pay/pay'
				})
			},
			back(){
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>

<style lang="less">
@import url('../../static/css/livingPayment/livingPayment.less');
</style>
